<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/framework}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <title>实名认证</title>
  <link rel="stylesheet" href="/static/front/css/certification.css">
  <link rel="stylesheet" href="/static/front/webuploader/webuploader.css">
</head>
<body>
<div layout:fragment="content">
  <div class="container wrapper" id="verified">
    <div class="verified-banner">
      实名认证
    </div>
    <div class="verified-nav">
      <ul>
        <li class="on"><a href="javascript:void(0)">个人用户</a></li>
        <li><a href="javascript:void(0)">企业用户</a></li>
      </ul>
    </div>
    <div class="verified-bd">
      <div class="verified-form verified-form1">
        <form class="personform">
          <input type="hidden" name="authType" value="person">
          <input type="hidden" name="documentType" value="1">
          <input type="hidden" name="province" value="北京">
          <input type="hidden" name="city" value="北京">
          <div class="f-item f-item1">
            <div class="hd">
              <h2>
                <i></i>
                <span>1.上传身份证</span>
              </h2>
              <h4>为保证您的合法权益，请确保您上传的证件真实有效，认证后不可更改；请注意避免证件反光并确保没有任何文字和图案被遮挡</h4>
            </div>
            <div class="bd">
              <div class="f-imgs">
                <ul>
                  <li>
                    <img src="#" class="card-img"/>
                    <div class="file-panel hide"><span class="cancel">删除</span></div>
                    <input type="hidden" name="documentImgPositive">
                    <div class="plus wupicker">
                      <i></i><br/><span>上传身份证正面</span>
                    </div>
                    <div class="load" style="display: none;">
                      <img src="/static/front/imgs/zys16.png"/><br/><span>识别中</span>
                    </div>
                  </li>
                  <li class="last">
                    <img src="#" class="card-img"/>
                    <div class="file-panel hide"><span class="cancel">删除</span></div>
                    <input type="hidden" name="documentImgBack">
                    <div class="plus wupicker">
                      <i></i><br/><span>上传身份证背面</span>
                    </div>
                    <div class="load" style="display: none;">
                      <img src="/static/front/imgs/zys16.png"/><br/><span>识别中</span>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="f-item f-item2 disable">
            <div class="hd">
              <h2>
                <i></i>
                <span>2.校验信息</span>
              </h2>
            </div>
            <div class="bd bd2">
              <div class="f-inputs">
                <ul>
                  <li>
                    <label class="readonly">真实姓名：</label>
                    <input type="text" name="authName" placeholder="待识别"
                           readonly="readonly"/>
                  </li>
                  <li class="last">
                    <label class="readonly">证件号码：</label>
                    <input type="text" name="documetNo" placeholder="待识别" readonly="readonly"/>
                  </li>
                  <li>
                    <label class="readonly">有&nbsp;&nbsp;效&nbsp;&nbsp;期：</label>
                    <input type="text" name="invalidDate" placeholder="待识别" readonly="readonly"/>
                  </li>
                  <li class="last">
                    <label class="readonly">长期有效：</label>
                    <label><input type="checkbox" name="longTermEffective" style="display: inline"/></label>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="f-rule f-rule-personal">
            <label><input type="checkbox" name="cb" value=""/></label>
            我已阅读并同意花瓣美素<a href="/platform/serviceAgreement" target="_blank">《版权登记协议》</a>条款
          </div>
          <div class="f-submit">
            <input type="submit" name="" id="form-personal-sub" value="确认信息，并提交审核" disabled="disabled">
          </div>
        </form>
      </div>
      <div class="verified-form verified-form2">
        <form class="enterpriseform">
          <input type="hidden" name="authType" value="enterprise">
          <input type="hidden" name="documentType" value="5">
          <input type="hidden" name="province" value="北京">
          <input type="hidden" name="city" value="北京">
          <div class="f-item f-item1">
            <div class="hd">
              <h2>
                <i></i>
                <span>1.上传营业执照扫描件(JPG格式)</span>
              </h2>
              <h4>为保证您的合法权益，请确保您上传的证件真实有效，认证后不可更改；请注意避免证件反光并确保没有任何文字和图案被遮挡</h4>
            </div>
            <div class="bd">
              <div class="c-imgs">
                <div class="upload-area">
                  <img src="#" class="license-img"/>
                  <div class="file-panel hide"><span class="cancel">删除</span></div>
                  <input type="hidden" name="documentImgPositive">
                  <div class="plus wupicker">
                    <i></i><br>
                    <span>上传营业执照</span>
                  </div>
                  <div class="load" style="display: none;">
                    <img src="/static/front/imgs/zys16.png"/><br>
                    <span>识别中</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="f-item f-item2 disable">
            <div class="hd">
              <h2>
                <i></i>
                <span>2.校验信息</span>
              </h2>
            </div>
            <div class="bd bd2">
              <div class="c-inputs">
                <ul>
                  <li class="qy">
                    <label>企业名称：</label>
                    <input type="text" name="authName"
                           placeholder="待识别" readonly="readonly"/>
                  </li>
                  <li class="fr">
                    <label>法人：</label>
                    <input type="text" name="legalName" placeholder="待识别"
                           readonly="readonly"/>
                  </li>
                  <li class="last zj">
                    <label>证件号码：</label>
                    <input type="text" name="documetNo" placeholder="待识别" readonly="readonly"/>
                  </li>
                  <li class="qy">
                    <label>有&nbsp;&nbsp;效&nbsp;&nbsp;期：</label>
                    <input type="text" name="invalidDate" placeholder="待识别" readonly="readonly">
                  </li>
                  <li class="fr">
                    <label>长期有效：</label>
                    <label>
                      <input type="checkbox" name="longTermEffective" readonly="readonly" style="display: inline">
                    </label>
                  </li>


                  <li class="qy">
                    <label>企业法人身份证号码：</label>
                    <input type="text" name="legalIdentityCardNo" style="width: 160px" placeholder="请输入企业法人身份证号"/>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="f-rule f-rule-company">
            <label><input type="checkbox" name="cb" value=""/></label>
            我已阅读并同意花瓣美素<a href="/platform/serviceAgreement" target="_blank">《版权登记协议》</a>条款
          </div>
          <div class="f-submit">
            <input type="submit" id="form-company-sub" value="确认信息，并提交审核" disabled="disabled">
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<th:block layout:fragment="script">
  <script type="text/javascript" src="/static/front/webuploader/webuploader.min.js"></script>
  <script type="text/javascript" src="/static/front/js/authentication.js" ></script>
</th:block>
</body>